<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>我的卡券</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="top-menu-section">
		<div class="top-menu bottom-border">
			<a href="javascript:;" class="menu-item on">
				<span class="text">优惠券</span>
			</a>
			<a href="javascript:;" class="menu-item">
				<span class="text">电子券</span>
			</a>
		</div>
		<div class="zhanwei"></div>
	</div>
	<!-- 顶部菜单 -->

	<div class="coupon-list1 coupon-hook">
		<!--<div class="coupon-item">-->
			<!--<div class="left">-->
				<!--<div class="num">20<i>元</i></div>-->
				<!--<div class="name">优惠券</div>-->
			<!--</div>-->
			<!--<div class="right">-->
				<!--<div class="man">满200减20</div>-->
				<!--<div class="from">来源：平台发送</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--&lt;!&ndash;  &ndash;&gt;-->
		<!--<div class="coupon-item on">-->
			<!--<div class="left">-->
				<!--<div class="num">20<i>元</i></div>-->
				<!--<div class="name">优惠券</div>-->
			<!--</div>-->
			<!--<div class="right">-->
				<!--<div class="man">满200减20</div>-->
				<!--<div class="from">来源：平台发送</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
			<!--<img src="img/yishiy.png" alt="" class="statu">-->
		<!--</div>-->
		<!--&lt;!&ndash; 已使用 &ndash;&gt;-->
		<!--<div class="coupon-item on1">-->
			<!--<div class="left">-->
				<!--<div class="num">20<i>元</i></div>-->
				<!--<div class="name">优惠券</div>-->
			<!--</div>-->
			<!--<div class="right">-->
				<!--<div class="man">满200减20</div>-->
				<!--<div class="from">来源：平台发送</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
			<!--<img src="img/yiguoq.png" alt="" class="statu">-->
		<!--</div>-->
		<!-- 已过期 -->
	</div>
	<!-- 优惠券列表 -->

	<div class="coupon-list2 coupon-hook">
		<!--<div class="coupon-item">-->
			<!--<div class="top">-->
				<!--<img src="img/img.png" alt="" class="logo">-->
				<!--<div class="text">全场8.8折<i>电子券</i></div>-->
			<!--</div>-->
			<!--<div class="bottom">-->
				<!--<div class="name">正新鸡排</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--&lt;!&ndash;  &ndash;&gt;-->
		<!--<div class="coupon-item">-->
			<!--<div class="top">-->
				<!--<img src="img/img.png" alt="" class="logo">-->
				<!--<div class="text">全场8.8折<i>电子券</i></div>-->
			<!--</div>-->
			<!--<div class="bottom">-->
				<!--<div class="name">正新鸡排</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--&lt;!&ndash;  &ndash;&gt;-->
		<!--<div class="coupon-item on">-->
			<!--<div class="top">-->
				<!--<img src="img/img.png" alt="" class="logo">-->
				<!--<div class="text">全场8.8折<i>电子券</i></div>-->
			<!--</div>-->
			<!--<div class="bottom">-->
				<!--<div class="name">正新鸡排</div>-->
				<!--<div class="time">有效期至2017-12-31</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--  -->
	</div>
	<!-- 电子券列表 -->

	<!-- 以下为页面js部分 -->
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
		$('.top-menu .menu-item').click(function () {
			$(this).addClass('on').siblings().removeClass('on');
			$('.coupon-hook').hide();
			$('.coupon-hook').eq($(this).index()).show();
		})
		// 菜单
	</script>
</body>
</html>